<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	
</head>
<body>

<script type="text/javascript">

var countChecked ;
$(function(){
     $(":checkbox").click(countChecked);
    /* function countChecked(){
          var n = $("input:checked").length;
          $("#checkedNum").html(n);
     }
     countChecked(); //作用是页面一加载就触发，#checkNum就有checked的个数*/

     countChecked = function(){
          var n = $("input:checked").length;
          $("#checkedNum").html(n);
     }
     $(":checkbox").on("click",countChecked);
     // countChecked(); //作用是页面一加载就触发，#checkNum就有checked的个数

     //第一种是声明，在代码执行前就有这个function了；第二种是赋值，要运行到了，才会存在，所以函数的赋值要写在上面
});




$(function(){
	// var info = $("select :selected").text();
	// $("#info").html(info);

	$("select").change(function(){
		var str = "";
		$("select :selected").each(function(){
			str += $(this).text() + ",";
		});
		$("#info").html(str);
	});
	// $("select").change();
});


setTimeout(function(){
	countChecked();
	$("select").change();
},0)

</script>

<input type="checkbox" name="xx" value="test1" checked="checked"/>test1
<input type="checkbox" name="xx" value="test2" />test2
<input type="checkbox" name="xx" value="test3" />test3
<input type="checkbox" name="xx" value="test4" />test4
<div id="checkedNum"></div>

<select name="test" multiple="multiple" style="height:100px">
	<option>浙江</option>
	<option selected="selected">湖南</option>
	<option>北京</option>
	<option selected="selected">广州</option>
	<option>湖北</option>
</select>
<div id="info"></div>

</body>
	
</html>